<!DOCTYPE html>
<html lang="zh-cn">
<link rel="shortcut icon" href="../../static/image/logo.png">

<head>
    <!-- 基础设定 -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Pragma" content="no-cache">
    <!-- 网页标题 -->
    <title>📚 学习指南</title>

    <!-- 布局设计文件 -->
    <link href="../../static/css/bootstrap.min.css" rel="stylesheet">
    <link href="../../static/css/font-awesome.min.css" rel="stylesheet">
    <link href="../../static/css/themify-icons.css" rel="stylesheet">
    <link href="../../static/css/flaticon-set.css" rel="stylesheet">
    <link href="../../static/css/magnific-popup.css" rel="stylesheet">
    <link href="../../static/css/owl.carousel.min.css" rel="stylesheet">
    <link href="../../static/css/owl.theme.default.min.css" rel="stylesheet">
    <link href="../../static/css/animate.css" rel="stylesheet">
    <link href="../../static/css/bootsnav.css" rel="stylesheet">
    <link href="../../static/css/style.css" rel="stylesheet">
    <link href="../../static/css/responsive.css" rel="stylesheet">

    <link href="../../static/css/css2.css" rel="stylesheet">

</head>

<body>




    <!-- 顶部栏 -->
    <header id="home">

        <!-- 顶部栏 -->
        <nav class="navbar navbar-default navbar-sticky dark attr-border bootsnav">

            <!-- 选择栏 -->
            <div class="container">
                <div class="row">
                    <div class="top-search">
                        <div class="input-group">
                            <form action="#">
                                <input type="text" name="text" class="form-control" placeholder="Search">
                                <button type="submit">
                                    <i class="ti-search"></i>
                                </button>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 搜索框结束 -->

            <div class="container">

                <!-- Start Atribute Navigation -->
                <div class="attr-nav">
                    <ul>
                        <li class="search"><a href="#"><i class="fas fa-search"></i></a></li>
                    </ul>
                </div>
                <!-- End Atribute Navigation -->

                <!-- Start Header Navigation -->
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-menu">
                        <i class="fa fa-bars"></i>
                    </button>
                    <a class="navbar-brand" href="../../index.html">
                        <strong style="font-size: 20px;margin-left: 10px;">📚 学习指南</strong>
                    </a>
                </div>
                <!-- End Header Navigation -->

                <!-- Collect the nav links, forms, and other content for toggling -->
                <div class="collapse navbar-collapse" id="navbar-menu">
                    <ul class="nav navbar-nav navbar-right" data-in="fadeInDown" data-out="fadeOutUp">
                        <li class="dropdown">
                            <a href="../../index.html">🏠 主页</a>
                        </li>

                        <li class="dropdown">
                            <a href="../AI-Wonderlab.html">✨ AI奇妙馆</a>
                        </li>

                        <li class="dropdown">
                            <a href="../../AI-Playground/AI-Playground.html">🔬 智学实验室</a>
                        </li>
                        <li class="dropdown">
                            <a href="../../MakerVerse/MakerVerse.html">💡 创客星穹</a>
                        </li>
                        <li class="dropdown">
                            <a href="../../about-us.html">🌐 关于我们</a>
                        </li>

                    </ul>
                </div>
            </div>

        </nav>
        <!-- End Navigation -->

    </header>

    <div class="breadcrumb-area bg-gradient text-center">
        <!-- Fixed BG -->
        <div class="fixed-bg" style="background-image: url(../../static/image/background.png);"></div>
        <!-- Fixed BG -->
        <div class="container">
            <div class="row">
                <div class="col-lg-8 offset-lg-2">
                    <h1>📚 学习指南</h1>
                    <ul class="breadcrumb">
                        <li><a href="../../index.html">🏠 主页</a></li>
                        <li><a href="../AI-Wonderlab.html">✨ AI奇妙馆</a></li>
                        <li>📚 学习指南</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- End Breadcrumb -->


    <div class="tabs-content-area default-padding-top">
        <div class="container">
            <div class="center-tabs">
                <div class="row">
                    <div class="col-lg-4">
                        <ul id="tabs" class="nav nav-tabs">
                            <li class="nav-item">
                                <a href="" data-target="#tab1" data-toggle="tab" class="active nav-link">Deepseek</a>
                            </li>
                            <li class="nav-item">
                                <a href="" data-target="#tab2" data-toggle="tab" class="nav-link">豆包</a>
                            </li>
                            <li class="nav-item">
                                <a href="" data-target="#tab3" data-toggle="tab" class="nav-link">敬请期待</a>
                            </li>
                        </ul>
                    </div>
                    <div class="col-lg-8">
                        <div id="tabsContent" class="tab-content wow fadeInUp" data-wow-delay="0.5s">
                            <div id="tab1" class="tab-pane fade active show">
                                <div class="row align-center">
                                    <div class="col-lg-12 info">
                                        <h5>Deepseek</h5>
                                        <h2></h2>
                                        <p>
                                            DeepSeek（深度求索）是由杭州深度求索人工智能基础技术研究有限公司开发的开源大语言模型（LLM），专注于自然语言处理（NLP）和人工智能技术的研发与应用。自2023年7月成立以来，DeepSeek凭借其创新的技术架构和卓越的性能迅速崛起，成为全球AI领域的重要参与者。
                                        </p>
                                        <a class="btn-simple" href="General-Technical-Documentation/DeepSeek-Usage-Guide.html"><i
                                                class="fas fa-angle-right"></i>点击学习</a>
                                    </div>
                                </div>
                            </div>
                            <div id="tab2" class="tab-pane fade">
                                <div class="row align-center">
                                    <div class="col-lg-12 info">
                                        <h5>豆包​</h5>
                                        <p>豆包是字节跳动基于云雀模型开发的AI助手，提供聊天对话、文案创作、英语学习、AI绘图及音乐生成等功能，支持网页、iOS和安卓平台。其界面简洁，具备精准的语音识别和自然语音输出，用户可定制个性化AI智能体。截至2025年，豆包APP下载量超1亿次，并推出视频生成、深度思考等创新功能，成为多场景智能辅助工具
                                        </p>
                                        <a class="btn-simple" href="General-Technical-Documentation/Doubao-Usage-Guide.html"><i
                                                class="fas fa-angle-right"></i>点击学习</a>
                                    </div>
                                </div>
                            </div>
                            <div id="tab3" class="tab-pane fade">
                                <div class="row align-center">
                                    <div class="col-lg-12 info">
                                        <h5>📝 敬请期待​</h5>
                                        <h2>🌟 ​精彩内容即将上线</h2>
                                        <p>我们正在紧锣密鼓地筹备全新内容，很快就能与大家见面啦！🎉
                                            如果您有任何期待的功能方向或内容建议（比如希望看到哪类专题等），欢迎随时通过📝网站留言板联系我们。您的每一个灵感都可能成为我们优化产品的重要参考！🔍
                                        </p>
                                        <a class="btn-simple" href="../../about-us.html"><i
                                                class="fas fa-angle-right"></i>联系我们</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <footer class="bg-dark text-light">
        <div class="footer-bottom">
            <div class="container">
                <div class="row">
                    <div class="col-md-6">
                        <p>本站基于Bookstrap开发 图片由豆包AI生成生成</p>
                    </div>

                </div>
            </div>
        </div>
        <!-- End Footer Bottom -->
    </footer>
    <!-- jQuery Frameworks
    ============================================= -->
    <script src="../../static/js/jquery-1.12.4.min.js"></script>
    <script src="../../static/js/popper.min.js"></script>
    <script src="../../static/js/bootstrap.min.js"></script>
    <script src="../../static/js/equal-height.min.js"></script>
    <script src="../../static/js/jquery.appear.js"></script>
    <script src="../../static/js/jquery.easing.min.js"></script>
    <script src="../../static/js/jquery.magnific-popup.min.js"></script>
    <script src="../../static/js/modernizr.custom.13711.js"></script>
    <script src="../../static/js/owl.carousel.min.js"></script>
    <script src="../../static/js/wow.min.js"></script>
    <script src="../../static/js/progress-bar.min.js"></script>
    <script src="../../static/js/isotope.pkgd.min.js"></script>
    <script src="../../static/js/imagesloaded.pkgd.min.js"></script>
    <script src="../../static/js/count-to.js"></script>
    <script src="../../static/js/YTPlayer.min.js"></script>
    <script src="../../static/js/progresscircle.js"></script>
    <script src="../../static/js/bootsnav.js"></script>
    <script src="../../static/js/main.js"></script>

</body>

</html>